<!DOCTYPE HTML>
<html>

<head>
    <meta charset="utf-8">
    <title>商家信息编辑</title>
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <link rel="stylesheet" type="text/css" href="../css/api.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui-slide.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui-pull-refresh.css" />
    <link rel="stylesheet" type="text/css" href="../script/vant/index.css" />
    <link rel="stylesheet" type="text/css" href="../css/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="css/common.css" />
    <link rel="stylesheet" type="text/css" href="css/dl_shopmsg.css" />
    <link rel="stylesheet" type="text/css" href="css/editstyle.css" />
    <style>
        #textarea {
            display: block;
            margin: 0 auto;
            overflow: hidden;
            font-size: 0.75rem;
            height: 4rem;
            line-height: 1.2rem;
            padding: 5px 10px;
            border:solid 0.5px #eee;
            border-radius: 8px;
        }
        .input_sortstyle{
            width: 48%;
            margin-left: 5px;
            margin-right: 5px;
        }
        .input_sortstyle input{
            border: solid 0.5px #ddd;
            border-radius: 5px;
            padding-right: 8px;
        }
        .product_box{
            width: 100%;
            overflow: hidden;
        }
        .imglist_box{
            width: 45%;
            margin: 15px 5px;
            text-align: center;
            overflow: hidden;
        }
        .imglist_dec{
            width: 100%;
            height: 1.2rem;
            line-height: 1.2rem;
            overflow: hidden;
        }
        .reuploadimg{
            position: absolute;
            top:0px;
            width: 100%;
            height: 1.8rem;
            line-height: 1.8rem;
            background-color: rgba(0, 0, 0, 0.5);
            text-align: center;
            color: #fff;
        }
        /*textarea {
            outline: 0 none;
            border-color: rgba(82, 168, 236, 0.8);
            box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
        }*/
    </style>
</head>

<body>
    <!-- v-cloak -->
    <div id="app" v-cloak>
        <!-- 营业开始时间 -->
        <van-popup v-model="showstarttime" position="bottom" :style="{ height: '40%' }" >
            <van-datetime-picker  v-model="currentTime" type="time" title="营业时间" @confirm="onconfirmstart" @cancel="closeconfirm" :min-hour="0" :max-hour="23"/>
        </van-popup>
        <!-- 营业结束时间 -->
        <van-popup v-model="showendtime" position="bottom" :style="{ height: '40%' }" >
            <van-datetime-picker  v-model="currentTime" type="time" title="营业时间" @confirm="onconfirmend" @cancel="closeconfirm" :min-hour="0" :max-hour="23"/>
        </van-popup>
        
        <div class="timerdec mt0 mb10 pl25" style="position: fixed; top:0px">部分信息不支持商户编辑，编辑页面不做显示</div>
        <!-- <div class="pointmsg redcolor mt15">部分信息不支持商户编辑，编辑页面不做显示</div> -->
        <!-- 商家基础信息 -->
        <div class="bodymain">
        <div class="order_detail mt40">
            <div class="productlist_title" v-on:click="do_openshopedit()">
                基本信息
            </div>
            <div class="dcwj_con2">
                <div class="dcwj_list">
                    <div class="fmly_lft color9 fl">商家名称<i class="icon iconfont icon-bitianxiang- redcolor bitian"></i></div>
                    <div class="dcwj_left fr">
                        <input type="text" placeholder="请输入商家名称" v-model="form.Name" >
                    </div>
                </div>
                <div class="dcwj_list">
                    <div class="fmly_lft color9 fl">商家地址<i class="icon iconfont icon-bitianxiang- redcolor bitian"></i></div>
                    <div class="dcwj_left fr">
                        <input type="text" placeholder="请输入地址" v-model="form.BusinessAddress" >
                    </div>
                </div>
                <div class="dcwj_list">
                    <div class="fmly_lft color9 fl">商家电话<i class="icon iconfont icon-bitianxiang- redcolor bitian"></i></div>
                    <div class="dcwj_left fr">
                        <input type="text" placeholder="请输入商家电话"  v-model="form.BusinessContactPhone">
                    </div>
                </div>
                <div class="dcwj_list">
                    <div class="fmly_lft color9 fl">营业时间<i class="icon iconfont icon-bitianxiang- redcolor bitian"></i></div>
                    <div class="dcwj_left fr" style="display: flex;">
                        <div class="input_sortstyle fl" v-on:click="chooseStarttime()">
                            <input type="text" placeholder="请选择" v-model="form.BusinessHoursStart" class="fl" readonly unselectable="on">
                        </div>
                        ~
                        <div class="input_sortstyle fr" v-on:click="chooseEndtime()">
                            <input type="text" placeholder="请选择" v-model="form.BusinessHoursEnd" class="fl" readonly unselectable="on">
                        </div>
                        
                        <!-- <i class="icon iconfont icon-gengduo fr font7 color9"></i> -->
                    </div>
                </div>
                <div class="dcwj_list">
                    <div class="fmly_lft color9 fl" style="width: 30%;">商家联系人<i class="icon iconfont icon-bitianxiang- redcolor bitian"></i></div>
                    <div class="dcwj_left fr" style="width: 69%;">
                        <input type="text" placeholder="请输入联系人" v-model="form.ContactName" >
                    </div>
                </div>
                <div class="dcwj_list">
                    <div class="fmly_lft color9 fl" style="width: 40%;">联系人手机号码<i class="icon iconfont icon-bitianxiang- redcolor bitian"></i></div>
                    <div class="dcwj_left fr" style="width: 59%;">
                        <input type="text" placeholder="请输入联系人手机号码" v-model="form.ContactPhone" >
                    </div>
                </div>
                <div class="dcwj_list">
                    <div class="fmly_lft color9 alline" >商家简介</div>
                    <div class="dcwj_left alline pt6">
                        <textarea id="textarea" placeholder="请输入" v-model="form.Remark"></textarea>
                    </div>
                    <!-- <div class="imgbox proInfo">
                        <ul style="width: 100%;">
                            <li>
                                <div class="img_item fl">
                                    <div class="img_dec">商家封面图</div>
                                    <img src="../image/sp.jpg">
                                </div>
                            </li>
                            <li>
                                <div class="img_item fl">
                                    <div class="img_dec">商家背景图</div>
                                    <img src="../image/sp.jpg">
                                </div>
                            </li>
                            <li>
                                <div class="img_item fl">
                                    <div class="img_dec">营业执照</div>
                                    <img src="../image/sp.jpg">
                                </div>
                            </li>
                            <li>
                                <div class="img_item fl">
                                    <div class="img_dec">卫生许可证</div>
                                    <img src="../image/sp.jpg">
                                </div>
                            </li>
                        </ul>
                    </div> -->
                </div>
                <!-- 答案三 -->
                <!-- <div class="dcwj_list btn_line">
                    <div class="fmly_lft fl"><span>*</span>商家简介</div>
                    <div class="dcwj_left fr ">
                        <textarea id="textarea" placeholder="请输入" v-model="form.summary"></textarea>
                    </div>
                    <div class="cl"></div>
                </div>
                <div class="dcwj_list btn_line">
                    <div class="fmly_lft fl"><span>*</span>商家地址</div>
                    <div class="dcwj_left fr">
                        <input type="text" placeholder="请输入" v-model="form.address">
                    </div>
                    <div class="cl"></div>
                </div>
                <div class="dcwj_list btn_line">
                    <div class="fmly_lft fl">商家定位</div>
                    <div class="dcwj_left fr">
                        <div style="width:70%;float:left;">
                            <input type="text" readonly="readonly" placeholder="请输入" v-model="form.Maplocation">
                        </div>
                        <div style="width:30%;float:right;">
                            <a herf="#" style="color:#eb7825" v-on:click="StartBmap()">重新定位</a>
                        </div>
                    </div>

                    <div class="cl"></div>
                </div>
                <div class="dcwj_list btn_line">
                    <div class="fmly_lft fl"><span>*</span>商家联系人</div>
                    <div class="dcwj_left fr">
                        <input type="text" placeholder="请输入" v-model="form.ContactName">

                    </div>

                    <div class="cl"></div>
                </div>
                <div class="dcwj_list btn_line">
                    <div class="fmly_lft fl"><span>*</span>手机号码</div>
                    <div class="dcwj_left fr">
                        <input type="number" placeholder="请输入" v-model="form.phonenumber">

                    </div>

                    <div class="cl"></div>
                </div> -->
                <!-- <div class="dcwj_list">
                    <div class="fmly_lft fl"><span>*</span>商家图片</div>
                    <div class="dcwj_left fr">
                        <div class="dcwj_con2" style="padding:0px;">
                            <div class="aui-list aui-media-list">
                                <div class="aui-list-item" style="background:#fff; padding-left:0px;">
                                    <div class="aui-list-item-inner" style="padding:0px;">
                                        <img class="imgitem" style="height:100px;width:100px;" v-bind:src="domainURL+form.coverimage" />
                                        <div class="imglist_item">
                                            <div class="imgadd">
                                                <i v-on:click="openActionsheet()" class="icon iconfont iconshangchuantupian" style="font-size:3rem; color:#ddd;"></i>
                                            </div>
                                            重新上传
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="cl"></div>
                </div> -->
            </div>
        </div>
        <div class="order_detail mt15">
            <div class="productlist_title">
                图片上传
            </div>
            <div class="product_box">
                <div class="imglist_box ptb10 fl" >
                    <div v-if="form.CoverImage!=''" class="imglist_item" style="position: relative;">
                        <img class="QRimgitem" v-bind:src="form.CoverImage" />
                        <div v-on:click="choose_picture(1)" class="reuploadimg">重新上传</div>
                    </div>
                    <div v-if="form.CoverImage==''" class="imglist_item" style="text-align: center;">
                        <div class="img_plusbox">
                            <i v-on:click="choose_picture(1)" class="icon iconfont icon-xinzeng"></i>
                            <!-- <i v-on:click="choose_picture(1)" class="icon iconfont icon-addApp"></i> -->
                        </div>
                        
                    </div>
                   <div class="imglist_dec">商家封面图<i class="icon iconfont icon-bitianxiang- redcolor bitian"></i></div>
                </div>

                <div class="imglist_box ptb10 fr" >
                    <div v-if="form.BackImg!=''" class="imglist_item" style="position: relative;">
                        <img class="QRimgitem" v-bind:src="form.BackImg" />
                        <div v-on:click="choose_picture(2)" class="reuploadimg">重新上传</div>
                    </div>
                    <div v-if="form.BackImg==''" class="imglist_item" style="text-align: center;">
                        <div class="img_plusbox">
                            <i v-on:click="choose_picture(2)" class="icon iconfont icon-xinzeng"></i>
                            <!-- <i v-on:click="choose_picture(1)" class="icon iconfont icon-addApp"></i> -->
                        </div>
                        
                    </div>
                   <div class="imglist_dec">商家背景图<i class="icon iconfont icon-bitianxiang- redcolor bitian"></i></div>
                </div>
                <div class="imglist_box ptb10 fl" >
                    <div v-if="form.YyImg!=''" class="imglist_item" style="position: relative;">
                        <img class="QRimgitem" v-bind:src="form.YyImg" />
                        <div v-on:click="choose_picture(3)" class="reuploadimg">重新上传</div>
                    </div>
                    <div v-if="form.YyImg==''" class="imglist_item" style="text-align: center;">
                        <div class="img_plusbox">
                            <i v-on:click="choose_picture(3)" class="icon iconfont icon-xinzeng"></i>
                            <!-- <i v-on:click="choose_picture(1)" class="icon iconfont icon-addApp"></i> -->
                        </div>
                        
                    </div>
                   <div class="imglist_dec">营业执照<i class="icon iconfont icon-bitianxiang- redcolor bitian"></i></div>
                </div>

                <div class="imglist_box ptb10 fr" >
                    <div v-if="form.WsImg!=''" class="imglist_item" style="position: relative;">
                        <img class="QRimgitem" v-bind:src="form.WsImg" />
                        <div v-on:click="choose_picture(4)" class="reuploadimg">重新上传</div>
                    </div>
                    <div v-if="form.WsImg==''" class="imglist_item" style="text-align: center;">
                        <div class="img_plusbox">
                            <i v-on:click="choose_picture(4)" class="icon iconfont icon-xinzeng"></i>
                            <!-- <i v-on:click="choose_picture(1)" class="icon iconfont icon-addApp"></i> -->
                        </div>
                        
                    </div>
                   <div class="imglist_dec">卫生许可证<i class="icon iconfont icon-bitianxiang- redcolor bitian"></i></div>
                </div>

            </div>
                
        </div>
    </div>
        <div class="pagebtn">
            <div class="buttom longwidth" v-on:click="do_save()">保存</div>
        </div>
    </div>
</body>
<script type="text/javascript " src="../script/api.js "></script>
<script type="text/javascript " src="../script/vant/vue.js"></script>
<script type="text/javascript " src="../script/vant/vant.js"></script>
<script type="text/javascript" src="../script/config.js"></script>
<script type="text/javascript" src="../script/common.js"></script>
<script type="text/javascript" src="../script/aui-actionsheet.js"></script>
<script type="text/javascript" src="../script/aui-slide.js"></script>
<script type="text/javascript" src="../script/aui-pull-refresh.js"></script>
<script type="text/javascript" src="../script/mui/mui.min.js"></script>
<script type="text/javascript" src="../script/mui/mui.picker.min.js"></script>
<script type="text/javascript" src="../script/mui/mui.poppicker.js"></script>
<script type="text/javascript" src="../script/aui-scroll.js"></script>
<script type="text/javascript" src="../script/aui-toast.js"></script>
<script type="text/javascript " src="js/shopmsg_edit.js"></script>



</html>
